// app global css in Sass form
body
  -webkit-user-select: none
  /* Chrome、Safari、Opera */
  -moz-user-select: none
  /* Firefox */
  -ms-user-select: none
  /* IE 10+ */
  user-select: none
  /* 标准语法 */
  padding: 0
  margin: 0

.drag
  -webkit-app-region: drag

.no-drag
  -webkit-app-region: no-drag
/* 设置滚动条的样式 */
.q-splitter__panel::-webkit-scrollbar
  width: 2px

.q-splitter__panel::-webkit-scrollbar-track
  background-color: #ffffff

.q-splitter__panel::-webkit-scrollbar-thumb
  background-color: #d0d0d0
  border-radius: 1px

.q-splitter__panel::-webkit-scrollbar-thumb:hover
  background-color: #230101


.q-menu::-webkit-scrollbar
  width: 2px

.q-menu::-webkit-scrollbar-track
  background-color: #ffffff

.q-menu::-webkit-scrollbar-thumb
  background-color: #d0d0d0
  border-radius: 1px

.q-menu::-webkit-scrollbar-thumb:hover
  background-color: #230101


.q-table__middle::-webkit-scrollbar
  width: 2px
  height: 2px

.q-table__middle::-webkit-scrollbar-track
  background-color: #ffffff

.q-table__middle::-webkit-scrollbar-thumb
  background-color: #d0d0d0
  border-radius: 1px

.q-table__middle::-webkit-scrollbar-thumb:hover
  background-color: #230101


.q-splitter__panel::-webkit-scrollbar
  width: 2px
  height: 4px

.q-splitter__panel::-webkit-scrollbar-track
  background-color: #ffffff

.q-splitter__panel::-webkit-scrollbar-thumb
  background-color: #d0d0d0
  border-radius: 1px

.q-splitter__panel::-webkit-scrollbar-thumb:hover
  background-color: #230101


.define-scroll::-webkit-scrollbar
  width: 2px
  height: 4px

.define-scroll::-webkit-scrollbar-track
  background-color: #ffffff

.define-scroll::-webkit-scrollbar-thumb
  background-color: #d0d0d0
  border-radius: 1px

.define-scroll::-webkit-scrollbar-thumb:hover
  background-color: #230101


.q-virtual-scroll::-webkit-scrollbar
  width: 2px
  height: 4px

.q-virtual-scroll::-webkit-scrollbar-track
  background-color: #ffffff

.q-virtual-scroll::-webkit-scrollbar-thumb
  background-color: #d0d0d0
  border-radius: 1px

.q-virtual-scroll::-webkit-scrollbar-thumb:hover
  background-color: #230101


.scroll::-webkit-scrollbar
  width: 2px
  height: 4px

.scroll::-webkit-scrollbar-track
  background-color: #ffffff

.scroll::-webkit-scrollbar-thumb
  background-color: #d0d0d0
  border-radius: 1px

.scroll::-webkit-scrollbar-thumb:hover
  background-color: #230101

.my-sticky-dynamic
  .q-table__top,
  .q-table__bottom,
  thead tr:first-child th
    background-color: #fff

  thead tr th
    position: sticky
    z-index: 1

  thead tr:last-child th
    top: 50px

  thead tr:first-child th
    top: 0

.leader-line
  z-index: 1

@font-face
  font-family: "得意黑"
  src: url(../assets/fonts/SmileySans-Oblique.ttf)
@font-face
  font-family: "Fira Code"
  src: url(../assets/fonts/FiraCode-Light.ttf)

// 声明一个应用它的类
.dyh
  font-family: 得意黑, Fira Code, serif

// app global css in SCSS form
.glass
  background: rgba(111, 255, 229, 0.8)
  backdrop-filter: blur(4px)

.glass-10
  background-image: linear-gradient(to top, #fff1eb 0%, #ace0f9 100%)
  backdrop-filter: blur(28px)

.glass-10-f
  background-image: linear-gradient(to top, #fff1eb 0%, #ace0f9 100%)
  opacity: 0.9
  backdrop-filter: blur(2px)


.glass-40
  background: rgba(171, 171, 171, 0)
  backdrop-filter: blur(40px)

.glass-50
  background: rgba(171, 171, 171, 0)
  backdrop-filter: blur(50px)


.glass-1
  background: #00000000
  backdrop-filter: blur(1px)

.glass-3
  background: #00000000
  backdrop-filter: blur(1.5px)


.glass-2
  background: rgba(245, 143, 255, 0.2)
  backdrop-filter: blur(1px)

.z-index-1
  z-index: 1

.z-index-2
  z-index: 2

.z-index-0
  z-index: 0

.z-index-3
  z-index: 3

.z-index-9999
  z-index: 9999


.q-drawer__backdrop
  backdrop-filter: blur(8px)

.bg-gradation-top-fdcbf1-e6dee9
  background-image: linear-gradient(to top, #fdcbf1 0%, #fdcbf1 1%, #e6dee9 100%)

.bg-gradation-120deg-a6c0fe-f68084
  background-image: linear-gradient(120deg, #a6c0fe 0%, #f68084 100%)

.bg-gradation-120deg-f093fb-f5576c
  background-image: linear-gradient(120deg, #f093fb 0%, #f5576c 100%)


.bg-gradation-circle-248px-at-center-16d9e3-30c7ec-46aef7
  background-image: radial-gradient(circle 248px at center, #16d9e3 0%, #30c7ec 47%, #46aef7 100%)

.bg-gradation-to-top-9890e3-b1f4cf
  background: linear-gradient(to top, #9890e3 0%, #b1f4cf 100%)

.bg-gradation-to-top-cd9cf2-f6f3ff
  background: linear-gradient(to top, #cd9cf2 0%, #f6f3ff 100%)

.bg-gradation-to-top-accbee-e7f0fd
  background-image: linear-gradient(to top, #accbee 0%, #e7f0fd 100%)

.bg-gradation-20deg-e9defa-fbfcdb
  background-image: linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%)

.bg-gradation-3f51b1-5a55ae
  background-image: linear-gradient(to top, #3f51b1 0%, #5a55ae 13%, #7b5fac 25%, #8f6aae 38%, #a86aa4 50%, #cc6b8e 62%, #f18271 75%, #f3a469 87%, #f7c978 100%)

.bg-red-love
  background-image: linear-gradient(to top, #ff0844 0%, #ffb199 100%)
.bg-clip-text
  background-clip: text !important
  color: transparent !important
  -webkit-background-clip: text !important

.bg-bottom-border
  border-bottom: #fff 2px solid

.bg-bottom-border-red
  border-bottom: red 2px solid

@keyframes widthAnimation
  0%
    width: 0
  30%
    width: 100%
  50%
    width: 27%
  60%
    width: 42%
  70%
    width: 88%
  80%
    width: 10%
  90%
    width: 100%
  100%
    width: 0

.animation
  animation: widthAnimation 30s infinite

@keyframes tableAnimation
  0%
    width: 100%
  30%
    width: 100%
  50%
    width: 100%
  60%
    width: 42%
  70%
    width: 88%
  80%
    width: 10%
  90%
    width: 20%
  100%
    width: 100%
.animation-table
  animation: tableAnimation 18s infinite

.transition-all
  transition: width ease-in-out 1s
